<!DOCTYPE html>
<html>

  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    
    <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
    <link rel="stylesheet" href="main.css">
    
  </head>

  <body>
    <div class="nav">
      <div class="container">
        <ul class="pull-left">
          <li><a href="#">首页</a></li>
          <li><a href="#">关于</a></li>
        </ul>
        <ul class="pull-right">
          <li><a href="#">即将开放注册</a></li>
          <li><a href="#">登陆</a></li>
          <li><a href="#">帮助</a></li>
        </ul>
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
        <h1>开心白日梦.</h1>
        <p>别让灵感一闪而过.</p>
        <a href="#">开始想象</a>
      </div>
    </div> 
    <div class="neighborhood-guides">
      <div class="container">
          <h2>其他人的梦想</h2>
          <p>
              那些儿时的梦想已经在记忆中模糊？看看其他人的梦想吧！
          </p>
        <div class="row">
            <div class="col-md-4">
              <div class="thumbnail">
                  <img src="http://d.hiphotos.baidu.com/image/pic/item/0b46f21fbe096b6375e7aa570e338744ebf8ac3f.jpg">
              </div>   
              
              <div class="thumbnail">
                  <img src="http://a.hiphotos.baidu.com/image/pic/item/32fa828ba61ea8d315218909950a304e251f58b8.jpg">
              </div>   
            </div>
            <div class="col-md-4">
                <div class="thumbnail">
                  <img src="http://b.hiphotos.baidu.com/image/pic/item/b219ebc4b74543a98b183cc51c178a82b90114b3.jpg">
              </div>   
              
              <div class="thumbnail">
                  <img src="http://h.hiphotos.baidu.com/image/pic/item/d4628535e5dde71137429655a5efce1b9c166185.jpg">
              </div> 
            </div><div class="col-md-4">
                <div class="thumbnail">
                  <img src="http://c.hiphotos.baidu.com/image/pic/item/71cf3bc79f3df8dc2b427c9ccf11728b47102844.jpg">
              </div> 
            </div>
        </div>
      </div>    
    </div>
    <div class="learn-more">
    <div class="container">
    
        <div class="row">
        <div class="col-md-4">
        <div>
      <h3>新的梦想</h3>
      <p>记录下你生活中一闪而过的有趣想法.</p>
      <p><a href="#">看看有多少人也有这样的想法</a></p>
        </div>
         </div>
        <div class="col-md-4">
      <div>
      <h3>吐槽和改进</h3>
      <p>你是不是觉得日常生活中很多产品和服务用起来别扭，吐槽一番再附上你的改进建议</p>
      <p><a href="#">开始吐槽</a></p>
      </div>
      </div>
        <div class="col-md-4">
      <div>
      <h3>加入社区</h3>
      <p>为不同产品和服务的粉丝们准备的讨论区</p>
      <p><a href="#">算我一个</a></p>
      </div>
      </div>
      </div>
      </div>
    </div>
  
  </body>
</html>